<template>
  <div class="school">
      <h2>学校名称：{{name }}</h2>
      <h2>学校地址：{{address}}</h2>
  </div>
</template>

<script>
    export default {
        name:'School',
        data () {
            return {
                name:'尚硅谷atguigu',
                address:'北京，昌平',
            }
        },
        mounted() {
            // 借助$bus 注册全局事件总线
            this.$bus.$on("hello", (data) => {
                console.log(`你好啊，我收到了数据`,data,JSON.parse(data))
            })
        },
        beforeDestroy() {
            // 在页面关闭之前，解绑全局事件总线身上的该事件
            this.$bus.$off('hello')
        },
    }
</script>

<style scoped>
    .school{
        background-color: skyblue;
        padding: 5px 10px;
        margin: 10px;
    }
</style>